$iconUrl = '/store'

// .custom-block {
//   padding: 0.1rem 1.5rem;
//   margin: 2em 0;
//   border-left-width: 0.5rem;
//   border-left-style: solid;
//   position: relative;
//   border-bottom-right-radius: 2px;
//   border-top-right-radius: 2px;
//   margin: 1rem 0;

//   &::before {
//     position: absolute;
//     top: 19px;
//     left: -14px;
//     color: #fff;
//     width: 20px;
//     height: 20px;
//     border-radius: 100%;
//     text-align: center;
//     line-height: 20px;
//     font-weight: bold;
//     font-family: 'Dosis', 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
//     font-size: 14px;
//   }

//   p {
//     color: #222;
//   }

//   .custom-block-title {
//     font-weight: 600;
//     margin-bottom: -0.4rem;
//   }

//   &.info {
//     border-color: #007bff;
//     background-color: #f8f8f8;

//     &::before {
//       content: url($iconUrl + '/images/icons/info.svg');
//       width: 25px;
//       height: 25px;
//       left: -16px;
//       box-sizing: border-box;
//     }
//   }

//   &.tip {
//     border-color: #42b983;
//     background-color: #f8f8f8;

//     &::before {
//       content: url($iconUrl + '/images/icons/bulb.svg');
//       width: 25px;
//       height: 25px;
//       left: -16px;
//     }
//   }

//   &.warning {
//     border-color: #f4cd00;
//     background-color: #f8f8f8;

//     .custom-block-title {
//       color: #222;
//     }

//     &::before {
//       content: url($iconUrl + '/images/icons/danger.svg');
//       width: 25px;
//       height: 25px;
//       left: -16px;
//       box-sizing: border-box;
//     }
//   }

//   &.danger {
//     border-color: #f66;
//     background-color: #f8f8f8;

//     .custom-block-title {
//       color: #222;
//     }

//     &::before {
//       content: url($iconUrl + '/images/icons/stop.svg');
//       width: 25px;
//       height: 25px;
//       left: -16px;
//     }
//   }

//   &.details {
//     display: block;
//     position: relative;
//     border-radius: 2px;
//     margin: 1.6em 0;
//     padding: 1.6em;
//     background-color: #eee;
//     h4 {
//       margin-top: 0;
//     }
//     figure,
//     p {
//       &:last-child {
//         margin-bottom: 0;
//         padding-bottom: 0;
//       }
//     }
//     summary {
//       outline: none;
//       cursor: pointer;
//     }
//   }
// }

.sidebar-group.is-sub-group > .sidebar-heading:not(.clickable) {
  font-size: inherit;
  cursor: pointer!important;
  font-weight: bold;
  opacity: 1!important;
}

.dropdown-wrapper .nav-dropdown .dropdown-item h4 {
  margin-bottom: 0.3rem!important;
}

body
  &::-webkit-scrollbar
    /* 滚动条整体样式 */
    width: 12px; /* 定义纵向滚动条宽度 */
    height: 12px; /* 定义横向滚动条高度 */

  &::-webkit-scrollbar-thumb
    /* 滚动条内部滑块 */
    opacity 0
    border-radius: 6px;
    background-color rgba(144, 147, 153, 0.3)

  &::-webkit-scrollbar-thumb:hover
    /* 鼠标悬停滚动条内部滑块 */
    background: #bbb;

  &::-webkit-scrollbar-track
    /* 滚动条内部轨道 */
    background: #ededed;

button
  // height: 32px;
  border-radius: 4px;
  padding: 6px 15px;
  font-size: 14px;
  outline: 0;
  cursor: pointer;
  overflow: visible;
  transition: all .3s cubic-bezier(.645,.045,.355,1);
  background: #fff;
  border: 1px solid #d9d9d9;
  box-shadow: 0 2px 0 rgba(0, 0, 0, .015);

button:hover,
button:focus
  color: $accentColor;
  background: #fff;
  border-color: $accentColor;
  
button:focus
  box-shadow: 0 0 0 2px rgba(24,144,255,.2);

.re-part
  position relative
  z-index 1
  transition border-color 0.3s
  background-color #fff
  padding 26px
  border 1px solid $borderColor
  > :first-child
    margin-top 0
  > :last-child
    margin-bottom 0